<!DOCTYPE html>
<html>
    <head>
        <title>Home | VTVNOW</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <link href="public/css/style.css" rel="stylesheet"/>

        <link href="public/css/perfect-scrollbar.css" rel="stylesheet"/>
        <link href="public/css/jquery.bxslider.css" rel="stylesheet"/>

        <script type="text/javascript" src="public/js/jquery-2.0.2.min.js"></script>
        <script type="text/javascript" src="public/js/App.js"></script>
        <script type="text/javascript" src="public/js/perfect-scrollbar.js"></script>
        <script type="text/javascript" src="public/js/jquery.mousewheel.js"></script>

        <script type="text/javascript" src="public/js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="public/js/jquery.bxslider.min.js"></script>
        <script type="text/javascript">
            $(function () {
                var cH = ($("#content").height() - 72) / 2;
                $(".slider li .item").css({height: cH + "px"});
                $('.bxslider').bxSlider({
                    pager: false
                });
                $(window).resize(function () {
                    var cH = ($("#content").height() - 72) / 2;
                    $(".slider li .item").css({height: cH + "px"});
                });
                $("#slideshow a, .menu a").click(function () {

                    new Dialog().showPoster({
                        poster: $(this).data('poster'),
                        channel_logo: $(this).data("channel_logo"),
                        time: $(this).data("time")
                    });
                    return false;
                });
                $("#push").click(function () {
                    new Status().push("Mời các bạn vào xem hàng");
                });

                $(".btnStatistic").on("click", function () {
                    $(this).hide();
                    $(".btnBack").css("display", "inline-block");

                    $(".Choices").hide();
                    $(".Statistic").show();

                    return false;
                });

                $(".btnBack").on("click", function () {
                    $(this).hide();
                    $(".btnStatistic").css("display", "inline-block");

                    $(".Choices").show();
                    $(".Statistic").hide();
                    return false;
                });
            });</script>
    </head>
    <body>
        <div id="sidebar">
            <div class="inner">
                <a id="logo" href="http://hoakhoiaodai.vtvnow.vn/"><img src="public/images/vtv-now.png"/></a>
                <div class="scroller">
                    <div class="scroll_inner">
                        <ul class="menu">
                            <li class="active"><a data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg' href="http://hoakhoiaodai.vtvnow.vn/"><span>Trang chủ</span></a></li>
                            <li><a data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0'  data-poster='public/uploads/poster_duongtoivuongmien.jpg' href="http://hoakhoiaodai.vtvnow.vn/tai-khoan.html"><span>Tài khoản</span></a></li>
                            <li><a data-schedule='1'  data-poster='public/uploads/poster_duongtoivuongmien.jpg' href="http://hoakhoiaodai.vtvnow.vn/chuong-trinh/van-de-hom-nay-vtv1.html"><span>Vấn Đề Hôm Nay - VTV1</span></a> <button class="btn btn-unfollow"></button></li>
                            <li><a data-schedule='0'  data-poster='public/uploads/poster_duongtoivuongmien.jpg' href="http://hoakhoiaodai.vtvnow.vn/chuong-trinh/duong-len-dinh-olympia-vtv3.html"><span>Đường lên đỉnh Olympia - VTV3</span></a> <button class="btn btn-unfollow"></button></li>
                            <li><a data-schedule='1'  data-poster='public/uploads/poster_duongtoivuongmien.jpg' href="http://hoakhoiaodai.vtvnow.vn/chuong-trinh/bo-oi--minh-di-dau-the-vtv6.html"><span>Bố ơi! Mình đi đâu thế? - VTV6</span></a> <button class="btn btn-follow"></button></li>
                            <li><a data-schedule='0'  data-poster='public/uploads/poster_duongtoivuongmien.jpg' href="http://hoakhoiaodai.vtvnow.vn/chuong-trinh/on-gioi-cau-day-roi-vtv3.html"><span>Ơn giời cậu đây rồi - VTV3</span></a> <button class="btn btn-follow"></button></li>
                            <li><a data-schedule='1'  data-poster='public/uploads/poster_duongtoivuongmien.jpg' href="http://hoakhoiaodai.vtvnow.vn/chuong-trinh/bua-trua-vui-ve-vtv6.html"><span>Bữa Trưa Vui Vẻ - VTV6</span></a> <button class="btn btn-unfollow"></button></li>
                            <li><a data-schedule='1'  data-poster='public/uploads/poster_duongtoivuongmien.jpg' href="http://hoakhoiaodai.vtvnow.vn/chuong-trinh/hoa-khoi-ao-dai-vtv6.html"><span>Hoa Khôi Áo Dài - VTV6</span></a> <button class="btn btn-unfollow"></button></li>
                        </ul>
                    </div>
                </div>
                <div class="footer">
                    <div class="apps">
                        <a class="ios qrcode" href="#"></a>
                        <a class="android qrcode" href="#"></a>
                        <a class="wp qrcode" href="#"></a>

                        <div class="dialog-qr">
                            <div class="dialog-qr-outside"></div>
                            <div class="dialog-qr-box">
                                <div class="dialog-qr-inside">
                                    <img class="qr-ios" alt="qrcode ios version" src="public/images/qrcode.png"/>
                                    <img class="qr-android" alt="qrcode android version" src="public/images/qrcode.png"/>
                                    <img class="qr-wp" alt="qrcode wp version" src="public/images/qrcode.png"/>
                                    <p>Quét mã QR Code để tải ứng dụng về điện thoại</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        Sản phẩm của <img src="public/images/vtv-digital.png" alt=""/>
                        <p>Phát triển bởi<a href="#" data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>Gvtechcom</a></p>
                    </div>
                </div>       
            </div>
        </div>
        <div id="headerbar">
            <a href="#" class="logo"></a>
            <div class="actions">
                <a href="#" class="selected"><span class="icon-home"></span></a>
                <a href="#"><span class="icon-user"></span></a>
                <a href="#"><span class="icon-channel"></span></a>
            </div>
        </div>
        <div id="content">
            <div class="inner">
                <div class="toast-by-anhtu">
                    <div class="core"></div>
                </div>
                <div class="popup">
                    <div class="popup-around"></div>
                    <div class="popup-dialog">
                        <button class="btn btn-close-dialog"></button>
                        <div class="dialog-header">Chia sẻ</div>
                        <div class="dialog-body" style="text-align: center">
                            <textarea class="shareContent" placeholder="Nhập status"></textarea>
                            <button class="btn btn-submit">Gửi</button>
                        </div>
                    </div>
                </div>
                <div id="tvshow">
                    <div id="slide_tvshow">
                        <ul class="bxslider">
                            <li>
                                <img src="public/uploads/slides.jpg" alt=""/>
                            </li>
                            <li>
                                <img src="public/uploads/slides.jpg" alt=""/>
                            </li>
                            <li>
                                <img src="public/uploads/slides.jpg" alt=""/>
                            </li>
                        </ul>
                        <div class="statusbar">
                            <div class="status play">
                                <div class="hidden">
                                    <div class="text">Đang có câu hỏi tương tác bữa chưa vui vẻ lắm mọi người chơi đi</div>
                                </div>
                            </div>
                            <div class="info">
                                <div class="logo" style="background: url(public/images/vtv6.png)"></div>
                                <div class="schedule">
                                    <span class="icon-clock"></span>
                                    12h hàng ngày
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="content_tvshow" class="clearfix">
                        <div class="Cover" style="display: none">
                            <img style="width: 100%" src="public/uploads/slides.jpg" alt="">
                        </div>
                        <div class="Navigator">
                            <a href="#" class="btnStatistic"></a>
                            <a href="#" class="btnBack"></a>
                        </div>
                        <div class="Question">
                            Lorem Ipsum chỉ đơn giản là một đoạn văn bản giả, được dùng vào việc trình bày và dàn trang phục vụ cho in ấn. Lorem Ipsum đã được sử dụng như một văn bản chuẩn cho ngành công nghiệp in ấn từ những năm 1500
                        </div>
                        <div class="Wrapp">
                            <div class="Choices">
                                <ul>
                                    <li id="answerid_1" class="Answer choice-1 selected" data-id="1"><label>1</label><span class="content">Đáp an A</span></li>
                                    <li id="answerid_2" class="Answer choice-2" data-id="2"><label>2</label><span class="content">Đáp an B</span></li>
                                    <li id="answerid_3" class="Answer choice-3" data-id="3"><label>3</label><span class="content">Đáp an C</span></li>
                                </ul>
                            </div>
                            <div class="Statistic">
                                <ul>
                                    <li class="answer choice-1"><label>1</label><div class="percent show-analytic-1" style="width: 100%">100%</div></li>
                                    <li class="answer choice-2"><label>2</label><div class="percent show-analytic-2" style="width: 50%">50%</div></li>
                                    <li class="answer choice-3"><label>3</label><div class="percent show-analytic-3" style="width: 50%">50%</div></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="comment_tvshow">
                        <div class="relative clearfix" style="margin-bottom: 5px">
                            <header class="floatLeft">Bình luận</header>
                            <div class="group-button floatRight">
                                <div class="pluginButton pluginButtonSmall"><div class="pluginButtonContainer"><span class="pluginButtonLabel">Chia sẻ</span></div></div>
                                <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
                            </div>
                        </div>
                        <div class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/" data-numposts="5" data-width="100%"></div>
                    </div>
                </div>
            </div>
            <div class="Dialog">
                <div class="Layout"></div>
                <div class="Inner"> </div>
            </div>
        </div>

        <script type="text/javascript" src="public/js/custom.js"></script>
        <script type="text/javascript">
            $('.pluginButton').on('click', function () {

                $.ajax({
                    type: "GET",
                    url: 'http://localhost/vtvnow/api/list-show',
                    beforeSend: function () {
                        $('.toast-by-anhtu').fadeIn();
                    },
                    success: function (data) {
                        $('.toast-by-anhtu').fadeOut();
                        $('.popup').fadeIn();
                        marginauto();
                    }
                }); // end ajax
            });
        </script>

        <div id="fb-root"></div>
        <script>(function (d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id))
                    return;
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
    </body>
</html>
